import { StyleSheet } from 'react-native';

const styles = StyleSheet.create({
  container: {
    flex: 1, // 根据View样式定义
    backgroundColor: '#abcdef',
    justifyContent: 'space-around',
  },
  firstRow: { // 未指定宽度，使用父组件样式的可用全部宽度
    height: 40,
    // top: 40,
    backgroundColor: 'black',
    flexDirection: 'row',
    justifyContent: 'space-around',
    alignItems: 'center',
  },
  sep: {
    height: 24,
  },
  test1: {
    width: 68,
    height: 24,
    backgroundColor: 'white',
  },
  test2: {
    width: 40,
    height: 24,
    backgroundColor: 'white',
  },
  test3: {
    width: 100,
    height: 24,
    backgroundColor: 'white',
  },
  secondRow: {
    flex: 1,
    // height: 100,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#c8c8c8',
  },
  textView:{
    height:50,
  },
  testPosition: {
    backgroundColor: '#c8c8c8',
    height: 60,
    width: 60,
    position: 'absolute',
    top: 150,
    right: 50,
  },
});

export default styles;
